<!DOCTYPE html>
<html lang="en">
<head>
{% include "inc/common.html" %}
<meta name="keywords" content="css3, tools, python, demo">
<meta name="description" content="Python project.">
<title>HomePage</title>
<style>
img {
    margin: 30px 20%; padding: 20px;
    max-width: 60vw;
    border: 15px solid #000;
    box-shadow: inset 3px 3px 3px #888;
    box-sizing: border-box;
}
</style>
</head>
<body>
{% include "inc/header.html" %}

<img src="" />

{% include "inc/footer.html" %}

<script>
    var IMG_LIB = [
            'http://s.cn.bing.net/az/hprichbg/rb/TuscanSheep_ZH-CN8090211315_1920x1080.jpg',
            'http://s.cn.bing.net/az/hprichbg/rb/Tibetlandform_ZH-CN11243492345_1920x1080.jpg',
            'http://picjumbo.imgix.net/HNCK0560.jpg?q=40&w=1650&sharp=30',
            'http://picjumbo.imgix.net/HNCK9872.jpg?q=40&w=1650&sharp=30',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-61826.jpg',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-62053.jpg',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-88710.jpg',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-240864.png',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-78357.png',
            'https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-367669.jpg'

    ];

    var imgIndex = Math.floor(Math.random() * IMG_LIB.length);
    document.querySelector('img').src = IMG_LIB[imgIndex];
</script>
</body>
</html>
